<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>
	<body>
		<main id="app">
			<p>姓名：{{name}}</p>
			<p>年龄：{{age}}</p>
			<p>性别：{{sex}}</p>
		</main>
	</body>
	<script src="../vue.min.js"></script>
	<script>
		let vue = new Vue({
			// data的第二种写法：data是一个方法，返回一个对象
			// vue推荐的写法，尽量使用这种写法
			data() {
				return {
					name: "Hydra",
					age: 35,
					sex: "男"
				}
			}
		})

		// 等同于el: "#app"
		vue.$mount("#app")
	</script>
</html>
